<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>张志双作业</title>
</head>
<script>
	function t1() {
		alert("a");
	}
	function hq() {
		alert("玄幻");
	}
	function xz() {
		alert("张飞");
	}
	function sj() {
		alert("清空");
	}
	function yc() {
		alert("武侠");
	}
	function hj() {
		alert("输入文本！");
	}
</script>

<body>
	<div>
		<h1>上李邕</h1>
		<a>大鹏一日同风起，扶摇直上九万里.</a><br />
		<b>假令风歇时下来，犹能簸却沧溟水.</b>
		<p>时人见我恒殊调，闻余大言皆冷笑。<br />
			宣父犹能畏后生， <i class="taxonomy">丈夫未可轻年少。</i></p>
		<ul>
			<li data-zzs-a5="玄幻" onmouseover="hq()">仙剑奇侠传</li>
			<li data-zzs-a6="军事" onselect="xz()">亮剑</li>
			<li data-zzs-a7="武侠" onmouseout="yc()">倚天屠龙记</li>
		</ul>
		<select>
			<option value="1" data-zzs-a1="汉寿亭侯">关羽</option>
			<option value="2" data-zzs-a2="西乡侯">张飞</option>
			<option value="3" data-zzs-a3="晋高祖宣皇帝">司马懿</option>
			<option value="4" data-zzs-a4="武乡侯">诸葛亮</option>
		</select>

	</div>
	<form id="f">
		<tr>
			<td>输入</td>
			<td><input type="text" id="a" value="zzs" onblur="hj()" /></td>
		</tr>
		<tr>
			<td></td>
			<td>
				<button type="submit" onclick="t1()">提交</button>
				<input type="button" id="b" value="清空" onclick="sj()" />
			</td>
		</tr>
	</form>
</body>

</html>